<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
	*{
		text-align:center;
	}
	#div01{
			width:700px;
			height:200px;
			background-color:red;
			float:left;
			margin-bottom:10px;
	}
	#div02{
			width:90px;
			height:200px;
			background-color:blue;
			float:left;
			margin-right:10px;
	}
	#div03{
			width:500px;
			height:200px;
			background-color:green;
			float:left;
			margin-bottom:10px;
	}
	#div04{
			width:90px;
			height:200px;
			background-color:yellow;
			float:left;
			margin-left:10px;
			margin-bottom:10px;
	}
	#div05{
			width:700px;
			height:200px;
			background-color:gray;
			clear:both;
	}
	.hhj{
			width:700px;
			margin:0 auto;
	}

</style>
</head>

<body>
<div class="hhj">
    <div id="div01">顶部</div>
    <div id="div02">往左浮</div>  
    <div id="div03">中间</div>
    <div id="div04">往右浮</div>
    <div id="div05">底部</div>
</div>
</body>
</html>
